$background-white: rgba(255,255,255,0.7);
$width:1050px;
$margin-auto: 0 auto;
$margin-all: 14px;
$font-color: #42b983;
$font-color-blue: #0088f5;
$C1C1C: #1C1C1C;
$black: #000000;
$hover-bg: background-color 0.25s linear, color 0.05s linear,
margin 0.25s linear, opacity 0.25s linear, filter 0.25s linear,
visibility 0.25s linear, transform 0.25s linear;
$img-rotate:transform .25s linear,-webkit-filter .25s linear,-webkit-transform .25s linear;
$iconfont-size: 12px;
$blog-list-meta-font-color: white;
$blog-list-meta-font-opacity: 0.8;
$blog-list-meta-font-size: 12.6px;
.red{
  color: red;
}
.orange{
  color: #FF8000;
}
.yellow{
  color: yellow;
}
.green{
  color:#42b983;
}

.blue{
  color: #0088f5;
}
.purple{
  color:#8000FF;
}
.white{
  color:white;
}
.pink{
  color: pink;
}
.hot-pink{
  color:#FF69B4;
}
.coffee{
  color: #A52A2A;
}
.white{
  color: white;
}
.black{
  color: black!important;
}
.opacity{
  opacity: .8!important;
}

.hover-red{
  transition: background .2s linear;
  &:hover{
    background: red;
  }
}
.hover-orange{
  transition: background .2s linear;
  &:hover{
    background: #FF8000;
  }
}
.hover-deepgreen{
  transition: background .2s linear;
  &:hover{
    background: green;
  }
}
.hover-yellow{
  transition: background .2s linear;
  &:hover{
    background: yellow;
  }
}
.hover-green{
  transition: background .2s linear;
  &:hover{
    background: #42b983;
  }
}

.hover-blue{
  transition: background .2s linear;
  &:hover{
    background: #0088f5;
  }
}
.hover-purple{
  transition: background .2s linear;
  &:hover{
    background: #8000FF;
  }
}
.hover-white{
  transition: background .2s linear;
  &:hover{
    background: white;
  }
}
.hover-pink{
  transition: background .2s linear;
  &:hover{
    background: pink;
  }
}
.hover-coffee{
  transition: background .2s linear;
  &:hover{
    background: #A52A2A;
  }
}